Vivado HLS in a Nutshell
本文将详细介绍Vivado HLS的配置、入门及优化方法，包括各类pragma及库函数，同时给出大量参考资料供查阅。C-HLS可以简单理解为C/C++语言的扩展，即提供了一些硬件编译指示，从而使得高层的规范(specification)可以被映射到RTL层级的电路描述。快速入门C/C++中的设施与硬件设施有如下对应。C/C++...
2024-01-10
vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右，将self.xhr.send(payload);注释掉一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 ...
2024-01-10
vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种， 这种方式需要在父组件内接受一个 “h”作为参数，其实并不想接受这个参数，因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2024-01-10
vue/js，如何将下面的代码简洁化？
let resultText;if(msgData.data === 0){ resultText = "苹果" }if(msgData.data === 1){ resultText = "香蕉" }if(msgData.data === 2){ resultText = "梨子" }如上所示，小弟先谢谢各位大神的解答！回答：const fruits=...
2024-03-08
vue 引入js的问题
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.cs...
2024-03-11
如何在vue中使用svg
1、安装依赖npm install svg-sprite-loader --save-dev2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } chainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclu...
2024-01-10vuejs实现折叠面板展开收缩动画效果
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。循环列表，html:<template> <div class="newslist"> <ul> <li v-for="(item,index) in newslist" :key="index"> <p class="p" ref="liCon">{{item.content}}</p> <div class="open" @click="open(item,index)"> <div v-...
2024-01-10vuejs移动端实现div拖拽移动
vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高...
2024-01-10
vue组件内部怎么引入外部js文件？
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendC...
2024-01-10vue js 可选链报错问题?
const name = undefinedconsole.log('? ~ mounted ~ name', name?.()) // undefinedconst name = 'mike'console.log('? ~ mounted ~ name', name?.()) // TypeError: name is not a function这是为什么呢....回答：Optiona...
2024-03-12
js实现大转盘抽奖（vue举例）
在开发项目得时候遇到这样一个需求，在移动端项目有个支付抽奖页面，大概效果图如下：简单介绍一下需求，点击抽奖按钮转盘转动，转盘里边黄色块块是个整张背景图，里边的商品是从接口获取得，包括奖品名称和图片，商品和中奖概率后台可以动态修改，唯一确定得是永远有8个奖品。1、布局...
2024-01-10
Vue.js---组件
详情点此连接（转载）组件的创建和注册vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。1. 调用Vue.extend()方法创建组件构造器。2. 调用Vue.component()方法注册组件。3. 在Vue实例的作用范围内使用组件。<!DOCTYPE html><html> <body> <div > <!-- 3. #app是Vue实例挂载的元素...
2024-01-10
Vue.js 项目打包
第一步：第二步：终端运行 npm run build,会生成dist文件第三步：安装Tomact将生成好的dist文件放在tomact的webapps文件下第四步（端口号不冲突可以忽略）：为了防止端口号冲突，可以对端口号进行修改（打开conf文件夹） 第五步：打开Tomcat文件下的bin文件夹→运行 startup.bat 第六步：打开浏览器,访...
2024-01-10
插件 — Vue.js
插件通常用来为 Vue 添加全局功能。添加全局方法或者属性。添加全局资源：指令/过滤器/过渡等。通过全局混入来添加一些组件选项。添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router1.使用插件通过全局方法Vue....
2024-01-10
Vue.js实现日历功能
本文实例为大家分享了Vue.js实现日历功能的具体代码，供大家参考，具体内容如下Github功能需求使用 Vue.js 实现指定年月的日历表，配合后台接口数据，添加对应日期的空气质量描述等信息。后台传递当月空气质量指数的数据，前端生成日历表后将空气质量指数添加到对应日期上。空气质量数据示...
2024-01-10关于vue.js发布后路径引用的问题解决
本文主要给大家介绍了关于vue.js发布后路径引用问题的解决方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：在发布到iis目录下时候，如果放在网站的根目录下的时候，是不会有什么问题的但是一旦放在了非根目录的其他文件夹里面，这时候index.html里引用的js和css文件路径...
2024-01-10
vue.js入门上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id='vue_person'> <h1>name:{{name}}</h1> <h1>age:{{age}}</h1> <h1>{{SayHi()}}</h1> <!-- 在h1标签中的{{}}是用来输出对象属性和函数的返回值的。 --></div> <...
2024-01-10
vue.js原理
Vue.js 是采用 Object.defineProperty 的 getter 和 setter，并结合观察者模式来实现数据绑定的。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通...
2024-01-10
LRC 滚动器 + Vue.js
cnblogs @ Orcim 最 近一直在学习尤大大的这个前端框架。Vue 无疑是一款极易上手的前端框架，因为官方的文档就是中文的，十分“本土化”，中文文档会比较快最先更新。除此之外，官方网站上的 Vue 教学非常适合像我这样的新手，教学文档很详尽，在这里给 Vue 的维护团队点个赞。自己这几天...
2024-01-10vue.js与后台数据交互的实例讲解
第一步：引入js库：<script src="../js/common/vue.min.js"></script><script src="../js/common/vue-resource.js"></script>前端代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>vue example</title><link rel="stylesheet" href="../my/style.css" rel="external nofollo...
2024-01-10
Vue.js性能优化N个技巧(值得收藏)
目录Functional componentsChild component splittingLocal variablesReuse DOM with v-showKeepAliveDeferred featuresTime slicingNon-reactive dataVirtual scrolling总结参考资料这篇文章主要参考了 Vue.js 核心成员Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享...
2024-01-10
vue渲染错误
vue 报错：[Vue warn]: Error in render: “TypeError: Cannot read property ‘1’ of undefined”原因：组件中，使用异步加载数据渲染组件。在组件第一次渲染时，数据对象还没有被赋值，此时组件渲染会因为缺少数据报错。解决：用v-if控制，在异步拿到数据之前，不渲染该组件。...
2024-01-10
vue实现员工信息录入功能
Vue通用信息录入界面，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>员工信息录入</title> <style> .btn1{ color: blue; background: skyblue; text-align: center; } </style></head><body> <div id="div2"> <fieldset> <legend>员工信息录入</legend> ...
2024-01-10
vue实现登录类型切换
本文实例为大家分享了vue实现登录类型切换的具体代码，供大家参考，具体内容如下运行效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录类型切换</title> <script src="../js/vuejs-2.5.16.js"></script></head><body><div id="app"> <span v-if="isUser"> <label for="userAccount">用户...
2024-01-10
vue系列——数据请求
数据请求有两个问题，一个是工具选择，一个是代码组织问题（一）工具选择 我看过一些别人写的项目，有直接用jquery提供的ajax接口，有自己封装了一个fetch接口，当然更多的是选择vue的第三方数据请求模块，说的最多的是vue-resource和axios；axios是目前最推荐的，但是我最终还是暂时选择了vue-resou...
2024-01-10
vue数据请求
我是vue菜鸟，第一次用vue做项目，写一些自己的理解，可能有些不正确，欢迎纠正。vue开发环境要配置本地代理服务。把config文件加下的index.js里的dev添加一些内容，dev: { env: require(\'./dev.env\'), port: 8090, autoOpenBrowser: true, assetsSubDirectory: \'static\', assetsPublicPath: \'/\', proxyTable: { \...
2024-01-10
vue小白快速入门
一、vue是什么Vue 是一套用于构建用户界面的渐进式框架。压缩后仅有17kb二、vue环境搭建你直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。但在用 Vue 构建大型应用时推荐使用 NPM 安装。这里推荐一下是用淘宝的cnpm，非常的快npm install -g cnpm --registry=https://registry.npm.taobao.org然后进行...
2024-01-10
vue长列表优化
写在前面：不知不觉 ～2020年的日子已经过去了3/4，看到微博热搜说：2020年还剩下3个月的时候，心情突然骤降～哈哈哈哈切入正题：什么是长列表优化？我们为什么需要长列表优化？我们怎样进行长列表优化长列表优化 在我们的日常工作中，会越到各种各样的列表，比如，我们通常采用分页...
2024-01-10
vue知识点集锦
1、vue的优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习双向数据绑定：保留了angular的特点，在数据操作方面更为简单组件化：保留了react的优点，实现了HTML的封装和重用，在构建单页面应用方面有...
2024-01-10
vue实现横向斜切柱状图
本文实例为大家分享了vue实现横向斜切柱状图的具体代码，供大家参考，具体内容如下实现效果：实现代码：<template> <div class="Consumption"> <div style="width: 350px; height: 180px" ref="ConsumptionChart" /> </div></template><script>import echarts from 'echarts'const myShape = { x: 0, y: 0, width: 10 ...
2024-01-10
vue优点
低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（Vi...
2024-01-10
